<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>6-vue实例</title>
	<script src="./js/vue.js"></script>
</head>
<body>
	<!-- 模板 -->
	<div id="demo" class="m-demo" v-on:click="clickHandle">
		{{message}}
	</div>

	<script>
		// 数据
		let vdata = {
			message:"hello,Vuejs!"
		}

		// vm实例
		var vm = new Vue({
			el:".m-demo", // 挂载点,这里可以用id,也可以用class
			data:vdata,
			methods:{
				// es6函数写法
				clickHandle(){
					alert("你点击了!");
				}
			}
		});

		// 暴露自身的属性和方法
		console.log(vm);
		console.log( vm.$data );
		console.log( vm.$el );
	</script>
</body>
</html>